<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>我的购物车</title>
	<link rel="stylesheet" type="text/css" href="./css/reset.css">
	<link rel="stylesheet" type="text/css" href="./css/common.css">
	<link rel="stylesheet" type="text/css" href="./css/cart.css">
</head>
<body scroll="no">
	<!--header-->
	<div id="header">
		<div class="loginBar fl">
			<span>欢迎来果蔬缤纷&nbsp;请</span><a href="#" class="login">登录</a><span class="dividing"></span><a href="#" class="register">注册</a>
		</div>
		<div class="memberLink fr">
			<a href="#">收藏网站</a><span class="dividing"></span><a href="#">我的订单</a><span class="dividing"></span><a href="#">会员中心</a><span class="dividing"></span><a href="#">帮助中心</a>
		</div>
		<div class="headerMain">
			<div class="logo fl">
				<a href="#"><img src="./image/tools/logo.jpg" title="果蔬缤纷"></a>
			</div>
			<div class="search fl">
				<div class="searchForm">
					<input type="text" name="searchText" placeholder="蔬菜、水果、香蕉" class="searchText">
					<input type="button" class="searchBtn" value="搜索" >
				</div>
				<div class="hotKeywords">
					<span class="hot">热门搜索：</span>
					<a href="#">奇异果</a>
					<a href="#">苹果</a>
					<a href="#">芒果</a>
					<a href="#">香蕉</a>
					<a href="#">榴莲</a>
					<a href="#">西瓜</a>
					<a href="#">梨</a>
				</div>
			</div>
			<div class="callPhone fr">
				<img src="./image/tools/phone.jpg">
			</div>
		</div>
	</div>
	<!--nav start-->
	<div id="nav">
		<ul class="navList fl">
			<li class="fl allList list">
				<a href="javascript:void(0)" class="listA">
					所有商品分类
					<ul class="detailsList">
						<li class="product_1">
							<div class="kinds">
								<a href="#"><i></i>进口水果</a>
							</div>
							<dl class="kindsDl">
								<dt class="fl kindsDt">推荐</dt>
								<dd class="fl kindsDd"><a href="#">百香果</a><a href="#">榴莲</a><a href="#">柑橘类</a></dd>
							</dl>
							<div class="moreDetailLisrt">
								<dl>
									<dd>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
									</dd>									
								</dl>
							</div>
						</li>
						<li class="product_2">
							<div class="kinds">
								<a href="#"><i></i>国产水果</a>
							</div>
							<dl class="kindsDl">
								<dt class="fl kindsDt">推荐</dt>
								<dd class="fl kindsDd"><a href="#">番石榴</a><a href="#">柑橘类</a><a href="#">梨类</a></dd>
							</dl>
							<div class="moreDetailLisrt">
								<dl>
									<dd>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
									</dd>									
								</dl>
							</div>
						</li>
						<li class="product_3">
							<div class="kinds">
								<a href="#"><i></i>新鲜蔬菜</a>
							</div>
							<dl class="kindsDl">
								<dt class="fl kindsDt">推荐</dt>
								<dd class="fl kindsDd"><a href="#">豆角类</a><a href="#">叶菜类</a><a href="#">瓜类</a></dd>
							</dl>
							<div class="moreDetailLisrt">
								<dl>
									<dd>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
									</dd>									
								</dl>
							</div>
						</li>
						<li class="product_4">
							<div class="kinds">
								<a href="#"><i></i>粮油副食</a>
							</div>
							<dl class="kindsDl">
								<dt class="fl kindsDt">推荐</dt>
								<dd class="fl kindsDd"><a href="#">杂粮类</a><a href="#">大米类</a><a href="#">花生油</a></dd>
							</dl>
							<div class="moreDetailLisrt">
								<dl>
									<dd>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
									</dd>									
								</dl>
							</div>
						</li>
						<li class="product_5">
							<div class="kinds">
								<a href="#"><i></i>肉禽蛋奶</a>
							</div>
							<dl class="kindsDl">
								<dt class="fl kindsDt">推荐</dt>
								<dd class="fl kindsDd"><a href="#">家禽</a><a href="#">猪肉类</a><a href="#">蛋类</a></dd>
							</dl>
							<div class="moreDetailLisrt">
								<dl>
									<dd>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
									</dd>									
								</dl>
							</div>
						</li>
						<li class="product_6">
							<div class="kinds">
								<a href="#"><i></i>休闲食品</a>
							</div>
							<dl class="kindsDl">
								<dt class="fl kindsDt">推荐</dt>
								<dd class="fl kindsDd"><a href="#">蜂蜜</a><a href="#">玫瑰系列</a><a href="#">坚果</a></dd>
							</dl>
							<div class="moreDetailLisrt">
								<dl>
									<dd>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
									</dd>									
								</dl>
							</div>
						</li>
					</ul>
				</a>
			</li>
			<li class="fl otherList list"><a href="#" class="listA">首页</a></li>
			<li class="fl otherList list"><a href="#" class="listA">新鲜蔬菜</a></li>
			<li class="fl otherList list"><a href="#" class="listA">果乐缤纷</a></li>
			<li class="fl otherList list"><a href="#" class="listA">优惠专区</a></li>
			<li class="fl otherList list"><a href="#" class="listA">用户留言</a></li>
		</ul>
	</div>
	<!--cart start-->
	<div id="wrapCart" onselectstart="return false">
		<h1>全部商品</h1>
		<table>
			<form>
				<thead>
					<tr>
						<th class="tdCheckboxs"><input type="checkbox" class="checkboxs allCheckBoxs" id="selectAllGoods" checked ><label for="selectAllGoods" class="labelCheckAlls labelCheck"></label><span>全选</span></th>
						<th class="formName">名称</th>
						<th class="formPicture">图片</th>
						<th class="formDescription">简介</th>
						<th class="formPrice">价格</th>
						<th class="formNumber">数量</th>
						<th class="formAlls">金额</th>
						<th class="formOperation">操作</th>
					</tr>
				</thead>
				<tbody>
					<tr class="addTrStyle">
						<td class="tdCheckboxs">
							<input type="checkbox" id="goods_1" class="checkboxs checkboxsOne" checked>
							<label for="goods_1" class="labelCheck labelCheckOne"></label>
							&nbsp;&nbsp;&nbsp;&nbsp;
						</td>
						<td class="formName">
							<span data-id="0001">苹果</span>
						</td>
						<td class="formPicture">
							<a href="#" target="_blank" >
								<img src="./image/cart/cartApple_1.jpg">
							</a>
						</td>
						<td class="formDescription">
							<a href="#" target="_blank" >「寻真水果」霜降更甜10斤 山东烟台栖霞苹果水果新鲜 红富士苹果</a>
						</td>
						<td class="formPrice">
							<span>30.00</span>
						</td>
						<td class="formNumber">
							<span class="spanDescrise">-</span>
							<input type="text" value="1" class="goodsNumber">
							<span class="spanPlus">+</span>
							<div class="stock">库存<strong>15</strong>个</div>
						</td>
						<td class="formAlls spanPrice">
							<span id="30.00">30</span>
						</td>
						<td class="formOperation">
							&nbsp;&nbsp;&nbsp;&nbsp;
							<span>删除</span>
							<span>收藏</span>
						</td>	
					</tr>
					<tr class="addTrStyle">
						<td class="tdCheckboxs">
							<input type="checkbox" id="goods_1" class="checkboxs checkboxsOne" checked>
							<label for="goods_1" class="labelCheck labelCheckOne"></label>
							&nbsp;&nbsp;&nbsp;&nbsp;
						</td>
						<td class="formName">
							<span data-id="0002">梨子</span>
						</td>
						<td class="formPicture">
							<a href="#" target="_blank" >
								<img src="./image/cart/cartApple_1.jpg">
							</a>
						</td>
						<td class="formDescription">
							<a href="#" target="_blank" >「寻真水果」霜降更甜10斤 山东烟台栖霞苹果水果新鲜 红富士苹果</a>
						</td>
						<td class="formPrice">
							<span>30.00</span>
						</td>
						<td class="formNumber">
							<span class="spanDescrise">-</span>
							<input type="text" value="1" class="goodsNumber">
							<span class="spanPlus">+</span>
							<div class="stock">库存<strong>25</strong>个</div>
						</td>
						<td class="formAlls spanPrice">
							<span id="101">101</span>
						</td>
						<td class="formOperation">
							&nbsp;&nbsp;&nbsp;&nbsp;
							<span>删除</span>
							<span>收藏</span>
						</td>	
					</tr>	
					<tr class="addTrStyle">
						<td class="tdCheckboxs">
							<input type="checkbox" id="goods_1" class="checkboxs checkboxsOne" checked>
							<label for="goods_1" class="labelCheck labelCheckOne"></label>
							&nbsp;&nbsp;&nbsp;&nbsp;
						</td>
						<td class="formName">
							<span data-id="0003">香蕉</span>
						</td>
						<td class="formPicture">
							<a href="#" target="_blank" >
								<img src="./image/cart/cartApple_1.jpg">
							</a>
						</td>
						<td class="formDescription">
							<a href="#" target="_blank" >「寻真水果」霜降更甜10斤 山东烟台栖霞苹果水果新鲜 红富士苹果</a>
						</td>
						<td class="formPrice">
							<span>30.00</span>
						</td>
						<td class="formNumber">
							<span class="spanDescrise">-</span>
							<input type="text" value="1" class="goodsNumber">
							<span class="spanPlus">+</span>
							<div class="stock">库存<strong>25</strong>个</div>
						</td>
						<td class="formAlls spanPrice">
							<span id="101.00">101</span>
						</td>
						<td class="formOperation">
							&nbsp;&nbsp;&nbsp;&nbsp;
							<span>删除</span>
							<span>收藏</span>
						</td>	
					</tr>	
					<tr class="addTrStyle">
						<td class="tdCheckboxs">
							<input type="checkbox" id="goods_1" class="checkboxs checkboxsOne" checked>
							<label for="goods_1" class="labelCheck labelCheckOne"></label>
							&nbsp;&nbsp;&nbsp;&nbsp;
						</td>
						<td class="formName">
							<span data-id="0002">梨子</span>
						</td>
						<td class="formPicture">
							<a href="#" target="_blank" >
								<img src="./image/cart/cartApple_1.jpg">
							</a>
						</td>
						<td class="formDescription">
							<a href="#" target="_blank" >「寻真水果」霜降更甜10斤 山东烟台栖霞苹果水果新鲜 红富士苹果</a>
						</td>
						<td class="formPrice">
							<span>30.00</span>
						</td>
						<td class="formNumber">
							<span class="spanDescrise">-</span>
							<input type="text" value="1" class="goodsNumber">
							<span class="spanPlus">+</span>
							<div class="stock">库存<strong>25</strong>个</div>
						</td>
						<td class="formAlls spanPrice">
							<span id="101">101</span>
						</td>
						<td class="formOperation">
							&nbsp;&nbsp;&nbsp;&nbsp;
							<span>删除</span>
							<span>收藏</span>
						</td>	
					</tr>
					<tr class="addTrStyle">
						<td class="tdCheckboxs">
							<input type="checkbox" id="goods_1" class="checkboxs checkboxsOne" checked>
							<label for="goods_1" class="labelCheck labelCheckOne"></label>
							&nbsp;&nbsp;&nbsp;&nbsp;
						</td>
						<td class="formName">
							<span data-id="0002">梨子</span>
						</td>
						<td class="formPicture">
							<a href="#" target="_blank" >
								<img src="./image/cart/cartApple_1.jpg">
							</a>
						</td>
						<td class="formDescription">
							<a href="#" target="_blank" >「寻真水果」霜降更甜10斤 山东烟台栖霞苹果水果新鲜 红富士苹果</a>
						</td>
						<td class="formPrice">
							<span>30.00</span>
						</td>
						<td class="formNumber">
							<span class="spanDescrise">-</span>
							<input type="text" value="1" class="goodsNumber">
							<span class="spanPlus">+</span>
							<div class="stock">库存<strong>25</strong>个</div>
						</td>
						<td class="formAlls spanPrice">
							<span id="101">101</span>
						</td>
						<td class="formOperation">
							&nbsp;&nbsp;&nbsp;&nbsp;
							<span>删除</span>
							<span>收藏</span>
						</td>	
					</tr>		
				</tbody>
				<tfoot>
					<tr>
						<td class="tdCheckboxs"><input type="checkbox" id="footerCheckAll"  class="checkboxs allCheckBoxs" checked><label for="footerCheckAll" class="labelCheckAlls labelCheck"></label><span>全选</span></td>
						<td class="deleteAlls"><span>删除选中的商品</span></td>
						<td class="footerCollection"><span>收藏</span></td>
						<td class="footerAllNum"><span>已经选择<em></em>件商品</span></td>
						<td class="footerAllPrice" colspan="2"><span>总价：￥</span><span></span></td>
						<td class="footerGo" colspan="2"><input type="button" id="cartSubmit" value="去结算"></td>
					</tr>
				</tfoot>
			</form>
		</table>
	</div>
	<!--footer start-->
	<div id="guarantee"></div>
	<div id="footer">
		<div class="footerTop clear">
			<ul class="fl">
				<li class="liFirst">关于我们</li>
				<a href=""><li>人才招聘</li></a>
			</ul>
			<ul class="fl">
				<li class="liFirst">客户服务</li>
				<a href=""><li>联系我们</li></a>
			</ul>
			<ul class="fl">
				<li class="liFirst">帮助中心</li>
				<a href=""><li>配送方式</li></a>
				<a href=""><li>支付方式</li></a>
				<a href=""><li>售后服务</li></a>
			</ul>
			<ul class="fl">
				<li class="liFirst">会员中心</li>
				<a href=""><li>收藏列表</li></a>
				<a href=""><li>会员中心</li></a>
				<a href=""><li>历史订单</li></a>
			</ul>
		</div>
		<div class="footerBottom">
			<span>Copyright 2015果乐缤纷 www.guolebinfen.com Inc. AllRights Reserved. 京ICP备130443637号</span>
		</div>
	</div>
</body>	
<script type="text/javascript" data-main="./js/cart" src="./js/require.js"></script>
</html> 